//对外暴露配置路由(常量路由)
export const constantRoute = [
    {
        //登录
        path: '/login',
        component: () => import('@/views/login/index.vue'),
        name: 'login',
        meta: {//********会根据路由来展示菜单栏******
            title: '登录',//菜单标题(meta 用于存储路由的元信息，如标题、权限等)
            hidden: true,//代表路由标题在菜单中是否隐藏  true:隐藏 false:不隐藏
            icon: "Promotion",//菜单文字左侧的图标,支持element-plus全部图标
        }
    },
    {
        //登录成功后展示数据的路由
        path: '/',
        component: () => import('@/layout/index.vue'),//这个父组件是在App.vue中的<router-view></router-view>进行渲染展示
        name: 'layout',
        meta: {
            title: 'layout',
            icon: ''
        },
        redirect: '/home',
        children:[
            {
                path: '/home',
                component: () => import('@/views/home/index.vue'),//这个子组件是在layout中的index.vue中的<Main/>进行渲染展示
                meta: {
                    title: '首页',
                    icon: 'HomeFilled'
                },
            }
        ]
    },
    {
        path: '/screen',//数据大屏直接在App.vue中的<router-view></router-view>展示
        component: () => import('@/views/screen/index.vue'),// 👈 直接渲染页面组件
        name: 'screen',
        meta: {
            hidden: false,
            title: '数据大屏',
            icon: 'Platform'
        },
    },
    {
        path: '/acl',
        component: () => import('@/layout/index.vue'),// 👈 先渲染布局组件
        name: 'Acl',
        meta: {
            title: '权限管理',
            icon: 'Lock'
        },
        redirect: '/acl/user',
        children: [
            {
                path: '/acl/user',
                component: () => import('@/views/acl/user/index.vue'),// 👈 在布局内渲染
                name: 'User',
                meta: {
                    title: '用户管理',
                    icon: 'User'
                }
            },
            {
                path: '/acl/role',
                component: () => import('@/views/acl/role/index.vue'),
                name: 'Role',
                meta: {
                    title: '角色管理',
                    icon: 'UserFilled'
                }
            },
            {
                path: '/acl/permission',
                component: () => import('@/views/acl/permission/index.vue'),
                name: 'Permission',
                meta: {
                    title: '菜单管理',
                    icon: 'Monitor'
                }
            }
        ]
    },
    {
        path: '/product',
        component: () => import('@/layout/index.vue'),
        name: 'Product',
        meta: {
            title: '商品管理',
            icon: 'Goods',
        },
        redirect: '/product/trademark',
        children: [
            {
                path: '/product/trademark',
                component: () => import('@/views/product/trademark/index.vue'),
                name: "Trademark",
                meta: {
                    title: '品牌管理',
                    icon: 'ShoppingCartFull',
                }
            },
            {
                path: '/product/attr',
                component: () => import('@/views/product/attr/index.vue'),
                name: "Attr",
                meta: {
                    title: '属性管理',
                    icon: 'ChromeFilled',
                }
            },
            {
                path: '/product/spu',
                component: () => import('@/views/product/spu/index.vue'),
                name: "Spu",
                meta: {
                    title: 'SPU管理',
                    icon: 'Calendar',
                }
            },
            {
                path: '/product/sku',
                component: () => import('@/views/product/sku/index.vue'),
                name: "Sku",
                meta: {
                    title: 'SKU管理',
                    icon: 'Orange',
                }
            },
        ]
    },
    {
        //404
        path: '/404',
        component: () => import('@/views/404/index.vue'),
        name: '404',
        meta: {
            title: '404',
            hidden: true,
            icon: 'DocumentDelete'
        }
    },
    {
        //任意路由，必须放在最后，当上面的路由都不匹配的时候，就会匹配这个路由
        path: '/:pathMatch(.*)*',
        redirect: '/404',
        name: 'Any',
        meta: {
            title: '任意路由',
            hidden: true,
            icon: 'DataLine'
        },
    }
]
